mac OS 搭建Hexo个人博客

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。Hexo文档

1. 博客效果图

markdown

2. 创建GitHub仓库

markdown

Respository name 中的lczalh.github.io 的lczalh 一定与前面的Owner 一致

3. 安装Node.js

Node.js下载
验证是否安装: $ node -v

4. 安装Git

$ brew install git
验证是否安装: $ git --version

5. 安装Hexo

$ sudo npm install hexo-cli -g

6. 创建博客

$ hexo init lczalh.github.io lczalh.github.io为文件夹名称 可自定义
执行成功后,会创建出一个名为 lczalh.github.io 的文件夹

基础配置: 打开文件位置 lczalh.github.io/_config.yml

1
2
3
4
5
6
7
title: lczalh    // 博客名称
author: Liu Chao Zheng // 你的名字
language: zh-Hans // 中文
theme: new-vno // 主题名称
deploy:
type: git // Git发布
repo: https://github.com/lczalh/lczalh.github.io.git // 刚才创建的Github仓库

7. 更改主题

进入上一步创建的文件夹: $ cd lczalh.github.io
安装主题: $ git clone https://github.com/monniya/hexo-theme-new-vno.git themes/new-vno

主题配置 更多主题

8. 写博客

博客路径: lczalh.github.io/source/_posts 在这里创建你的第一篇博客 例如创建: 2019-2-12 hexo搭建.md 内容如下:

1
2
3
4
5
6
7
8
---
layout: post
title: "mac OS 搭建Hexo个人博客"
date: 2019-02-11 18:00:41
tags: 博客
---

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可 利用靓丽的主题生成静态网页。[Hexo文档](https://hexo.io/zh-cn/docs/ "Hexo文档")

9. 测试是否正常

启动测试服务: $ hexo s 在浏览器中输入https://localhost:4000 访问

10. 安装自动部署发布工具

$ sudo npm install hexo-deployer-git --save

11. 发布博客

切换到root用户(有权限,跳过此行): $ sudo -s
发布博客: $ hexo clean && hexo g && hexo d

每次写完博客,执行下这两个命令就可以了

12. 错误

1.WARN No layout: index.html
解决方案: 安装/更新主题

1
2
$ cd lczalh.github.io
$ git clone https://github.com/monniya/hexo-theme-new-vno.git themes/new-vno

坚持原创技术分享,您的支持将鼓励我继续创作!